<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>采集接口管理</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
	
	<!-- ZUI 标准版压缩后的 CSS 文件 -->
	<link rel="stylesheet" href="/css/zui.min.css">		
	
</head>
<body>

<div class="container-fixed">
<div class="panel load-indicator" data-loading="正在处理...">
  <div class="panel-body">
	  
	  <table class="table table-striped table-hover source-table">
	  <thead>
	    <tr>
	      <th>名称</th>
	      <th>编码</th>
	      <th>状态</th>
	      <th>地址</th>
	      <th>操作</th>
	    </tr>
	  </thead>
	  <tbody>
		<#list sourceList as source>
	    <tr>
	      <td>${source.name}</td>
	      <td>${source.code}</td>
	      <td>
			  <#if source.active>
			  <span class="label label-badge label-success">在线</span>
			  <#else>
			  <span class="label label-badge">离线</span>
			  </#if>
		  </td>
	      <td>${source.url}</td>
	      <td>
			  <div class="btn-group">
				<button type="button" class="btn btn-sm btn-info test" data-code="${source.code}">测试</button>
			  	<button type="button" class="btn btn-sm btn-success online" data-code="${source.code}">上线</button>
			  	<button type="button" class="btn btn-sm btn-danger offline" data-code="${source.code}">下线</button>
			  </div>
		  </td>
	    </tr>
	    </#list>
	  </tbody>
	</table>
	  
  </div>
</div>
</div>

</body>

<!-- ZUI Javascript 依赖 jQuery -->
<script type="text/javascript" src="/js/jquery.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script type="text/javascript" src="/js/zui.min.js"></script>

<script>
	
/** 测试资源 */
$('.source-table').on('click', '.test', function(){
	var code = $(this).attr('data-code');
	$('.panel').toggleClass('loading');
	$.ajax({
        url: '/admin/source/test',
        type: 'post',
        data: {
            code : code
        },
        success: function (res) {
            var type = 'success';
            var msg = '可以连接';
            
            if(!res.data){
				type = 'danger';
				msg = '无法连接';
			} 
            new $.zui.Messager('资源编码:' + code + ',测试结果:' + msg, {
			    type: type // 定义颜色主题
			}).show();
        },
        error: function(err){
			new $.zui.Messager('资源编码:' + code + ',测试结果:无法连接', {
			    type: 'danger' // 定义颜色主题
			}).show();
		},
		complete: function(){
			// 关闭加载中
			$('.panel').toggleClass('loading');
		}
    });
});


/** 上线资源 */
$('.source-table').on('click', '.online', function(){
	var code = $(this).attr('data-code');
	$('.panel').toggleClass('loading');
	$.ajax({
        url: '/admin/source/online',
        type: 'post',
        data: {
            code : code
        },
        success: function (res) {
            if(res.data){
				location.reload();
			} 
            new $.zui.Messager('上线失败', {
			    type: 'danger' // 定义颜色主题
			}).show();
        },
        error: function(err){
			new $.zui.Messager('上线失败', {
			    type: 'danger' // 定义颜色主题
			}).show();
		},
		complete: function(){
			// 关闭加载中
			$('.panel').toggleClass('loading');
		}
    });
});


/** 下线资源 */
$('.source-table').on('click', '.offline', function(){
	var code = $(this).attr('data-code');
	$('.panel').toggleClass('loading');
	$.ajax({
        url: '/admin/source/offline',
        type: 'post',
        data: {
            code : code
        },
        success: function (res) {
            if(res.data){
				location.reload();
			} 
            new $.zui.Messager('下线失败', {
			    type: 'danger' // 定义颜色主题
			}).show();
        },
        error: function(err){
			new $.zui.Messager('下线失败', {
			    type: 'danger' // 定义颜色主题
			}).show();
		},
		complete: function(){
			// 关闭加载中
			$('.panel').toggleClass('loading');
		}
    });
});
	
</script>

</html>